<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>苏宁易购</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!-- 顶部搜索框 -->
    <div class="search-content">
        <a href="#" class="classify"></a>
        <div class="search">
            <i class="search-icon"></i>
            <input type="search" name="" id="" value="厨卫保暖季 每千减百">
        </div>
        <a href="#" class="login">登入</a>
    </div>
    <!-- banner部分 -->
    <div class="banner">
        <img src="imgs/banner.gif" alt="">
    </div>
    <!-- 广告部分 -->
    <div class="ad">
        <a href="#"><img src="imgs/ad1.gif" alt=""></a>
        <a href="#"><img src="imgs/ad2.gif" alt=""></a>
        <a href="#"><img src="imgs/ad3.gif" alt=""></a>
    </div>
    <!-- nav模块 -->
    <nav>
        <a href="#">
            <img src="imgs/1.webp" alt="">
            <span>天天低价</span>
        </a>
        <a href="#">
            <img src="imgs/2.webp" alt="">
            <span>苏宁超市</span>
        </a>
        <a href="#">
            <img src="imgs/3.webp" alt="">
            <span>苏宁拼购</span>
        </a>
        <a href="#">
            <img src="imgs/4.webp" alt="">
            <span>5G手机</span>
        </a>
        <a href="#">
            <img src="imgs/5.webp" alt="">
            <span>苏宁家电</span>
        </a>
        <a href="#">
            <img src="imgs/6.webp" alt="">
            <span>免费水果</span>
        </a>
        <a href="#">
            <img src="imgs/7.webp" alt="">
            <span>赚钱消消乐</span>
        </a>
        <a href="#">
            <img src="imgs/8.webp" alt="">
            <span>签到有礼</span>
        </a>
        <a href="#">
            <img src="imgs/9.webp" alt="">
            <span>领券中心</span>
        </a>
        <a href="#">
            <img src="imgs/10.webp" alt="">
            <span>更多频道</span>
        </a>
    </nav>
    <!-- 礼包模块 -->
    <div class="Giftbag">
        <a href="#">
            <img src="imgs/news1.png" alt="">
        </a>
        <a href="#">
            <img src="imgs/news2.png" alt="">
        </a>
        <a href="#">
            <img src="imgs/news3.png" alt="">
        </a>
    </div>
    <!-- 底部导航 -->
    <div class="BottomNavigation">
        <a href="#">
            <img src="imgs/猜你喜欢.png" alt="">
            <span>猜你喜欢</span>
        </a>
        <a href="#">
            <img src="imgs/分类.png" alt="">
            <span>分类</span>
        </a>
        <a href="#">
            <img src="imgs/商品清单.png" alt="">
            <span>商品清单</span>
        </a>
        <a href="#">
            <img src="imgs/我的.png" alt="">
            <span>我的</span>
        </a>
    </div>
</body>
</html>